<style>
.queue{margin-top:20px;}
.queue .queue_list{display:inline-block; position:relative; width:150px; height:150px; border-radius:100%; margin:0 20px 20px 0; color:#FFF;}
.queue .queue_list .name{display:inline-block; width:150px; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:bold;}
.queue .queue_list .status{display:inline-block; width:150px; height:30px; line-height:30px; text-align:center; font-size:16px;}
.queue .queue_list .button{position:absolute; display:none; top:0px; right:0px; width:35px; height:35px; text-align:center; line-height:35px; font-size:22px; border-radius:40px; background:rgba(0,0,0,.3);}
.queue .queue_list:hover .button{display:block;}
.queue .queue_list:hover .button:hover{background:#000}
</style>
<div class="panel-body">
		<div class="alert alert-warning">
			显示当前所有可用队列，当前订单人数，当前排号情况等。<br>
		</div>
		<div class="queue" ng-if="pagedata.op=='user'">
			<div ng-repeat="item in pagedata.list" ng-class="{'queue_list block-gray':1, 'block-primary':item.busy>0}">
				<div class="name">{{item.title}}</div>
				<div class="status">当前：{{item.nowmember || '000'}}</div>
				<div class="status">等待：{{item.queue_num || '0'}}位</div>
				<div ng-if="item.queue_num > 0" class="status" href="javascript:" ng-click="post({},'call','queue_id='+item.id)"><span class="jylabel jylabel-info">叫号</span></div>
			</div>
			<div  ng-if="pagedata.list.length <1" class="page-header" style="text-align: center;">
					<i class="fa fa-meh-o" style="font-size:88px"></i>
					<h1 class="ng-binding">暂时还没有添加队列！</h1>
			</div>
		</div>
</div>